<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head lang="zh-CN">
    <base href="<%=basePath%>">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>用户资料完善</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<link rel="stylesheet" type="text/css" href="js/mdialog.css">
	<script src="js/zepto.js"></script>

	<script src="js/zpDialog.js"></script>
	<script src="js/zpDialogTwo.js"></script>
	<script src="js/zpDialogThree.js"></script>
	<script src="js/zpDialogFour.js"></script>
	<script src="js/zpDialogFive.js"></script>
	<script src="js/zpDialogSix.js"></script>
	<script src="js/zpDialogSeven.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/mdialog.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script> 
	<script type="text/javascript" src="js/sweetalert.min.js"></script>
	<link rel="stylesheet" type="text/css" href="js/css/sweetalert.css"/>
	<link rel="stylesheet" href="js/css/main.css" />
	<style type="text/css">
	#imghead1{
    		width:310px; 
	        height:310px; 
	        border-radius: 180px;
    	}
		.round {
		   padding:10px; width:300px; height:50px;
		   border: 0px solid #dedede;
		   -moz-border-radius: 5px;      /* Gecko browsers */
		   -webkit-border-radius: 5px;   /* Webkit browsers */
		   border-radius:5px;            /* W3C syntax */
		}
		#imghead2{
    		width:50px; 
	        height:50px; 
	        border-radius:200px; 
    	}
	
  	</style>
	   <style> 
.loadingWrap{  
    position:fixed;  
    top:0;  
    left:0;  
    width:100%;  
    height:100%;  
    z-index:300;  
    background-image:url(csh/image/loading.gif);  
    background-repeat:no-repeat;  
    background-position:center center;  
    background-color:#000;  
    background-color:rgba(0,0,0,0.5);  
    filter:alpha(opacity=50);  
}  
</style>
<style>
.demo{width:300px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:500px; margin:60px auto 10px auto}
}
button, .button {
	background-color: #AEDEF4;color: white;border: none;box-shadow: none;
	font-size: 17px;font-weight: 500;font-weight: 600;
	border-radius: 3px;padding: 15px 35px;margin: 26px 5px 0 5px;cursor: pointer; }
button:hover, .button:hover {background-color: #a1d9f2; }
</style>
<script type="text/javascript" src="jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="layer/2.4/layer.js"></script>
<script type="text/javascript">

	 function one(openid,cardnumber){
		 	var openidto=openid;
		 	var cardnumberto= cardnumber;
	   	   	var yaddressto=document.getElementById("option").value;
	   	   	if(yaddressto==""||yaddressto==null){
	   	   	alert("对应卡号的数据未上传，请稍后再试");
	   	   	}else{	
			window.location.href = "${path}/weixinbassm/weixingzh/selectFinuserandCardnumber?openid="+openidto+"&cardnumber="+cardnumberto+"&yaddressto="+yaddressto;
	   	   	}
	    };
</script>
</head>
  <body >
  	<div class="container-fluid">
      <div class="row">
      	<form id="form" action="<%=path%>/u/add" method="post" enctype="multipart/form-data">

      	<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" height="100%">
      	<tr height="20%"></tr>
      	<tr align="center" height="50" style="background-color:B0B0B0; color:white;">
    		<td width="100%"  colspan="3" >&nbsp;&nbsp;&nbsp;如小区地址为空白或者不可选择，对应卡号的数据暂时未上传，请稍后再试</td>
    	</tr>
    	<tr align="center" height="50" style="background-color:2082D5; color:white;">
    		
    		<td width="33%">卡号</td>
    		<td width="33%">小区地址</td>
    		<td width="33%">操作</td>
    	</tr>
    	<tr align="center" style="background-color:#fafafa;">
    	<td width="33%">
      		${cardnumber}
		</td>
		<td width="33%">
      				<select id ="option" name="option">
	    			<c:forEach var="u" items="${listandUploadfile}">
	    			<option value=${u.yaddress}>${u.yaddress}</option>  
	    			</c:forEach>
	    			</select>
		</td>
		<td  width="33%">
      		<input  type="button" value="确定" style="padding: 10px 20px;border-radius: 10px; background:none; border: 0; color: #333; width:100px;height: 50px;font-size: 20px;background-color:#27a2f0;color: #ffffff" onclick="one('${openid}','${cardnumber}')">
		</td>
 	<tr height="60%"></tr>
     	</table>

     	</form>
      </div>
    </div>
  </body>
</html>
